<template>
    <div>
        <mt-swipe :auto="4000" class="slider">
            <mt-swipe-item class="sliderItem" v-for="item,index in images">
                <img :src="images[index]" alt="">
            </mt-swipe-item>
            
        </mt-swipe>
    </div>

</template>

<script>
export default {
    props:["info"],
    computed:{
        images(){
            return this.info.img
        }
    }
}
</script>

<style scoped>
.mint-swipe-items-wrap{
    width: 100%
}
   .slider{
       height: 200px;
       width: 100%
   }
   *, *::before, *::after {
    width: 100%;
}
.sliderItem img{
    width: 200px
}
.sliderItem{
    text-align: center
}
</style>